<template>
	<view class="ping">
		<view class="box">
			<!-- 标题 -->
			
			<view class="titile">
				{{title}}
			</view>
			<!-- 内容 -->
			<view class="content">
				<slot name="content"></slot>
			</view>
			<!-- 功能 -->
			<view class="method">
				<view><button size="mini" @click="confirm">确认</button></view>
				<view><button size="mini" @click="close">关闭</button></view>
				
				
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		props:["title"],
		methods:{
			confirm(){
				this.$emit("confirm")
			},
			close(){
				this.$emit("close")
			}
		}
	}
</script>

<style scoped>
	.ping{
		width: 100%;
		height: 1900rpx;
		background-color: rgba(0,0,0,0.5);
		position: fixed;
		top: 0px;
		left: 0px;
		z-index: 99;

	}
	.box{
		z-index: 100;
		width: 600rpx;
		padding-top: 10rpx;
		height: auto;
		background-color: #FFFFFF;
		position: absolute;
		left: 50%;
		top: 50%;
		margin-left: -300rpx;
		margin-top: -700rpx;
	}
	.titile{
		text-align: center;
	}
	.method{
		width: 100%;
		height: 80rpx;
		position: absolute;
		bottom: 0px;
		display: flex;
		box-shadow: 1px 1px 1px 1px #9f9f9f;
	}
	.content{
		width: 100%;
		height: auto;
		padding: 30rpx;
		box-sizing: border-box;
	}
	.method view{
		width: 50%;
		height: 100%;
		text-align: center;
	}
</style>
